<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script>

    // 首页的新闻两个样式布局
    else if (num[i].imgsrc.length == 1) {
        html += '<li class="mui-table-view-cell" id="2">' +
            '<div class="mui-card">' +
            '<div class="mui-card-header mui-col-xs-9 mui-col-sm-9" style="display: inline-block;">' + num[i].title +
            '</div>' +
            '<div class="mui-col-xs-3 mui-col-smy3 mui-inline mui-text-right">';

        for (var j = 0; j < num[i].imgsrc.length; j++) {
            html += '<img class="border-radius5" src="' + num[i].imgsrc[j].imgsrca + '" width="50"/>';
        }
        html += '</div>' +
            '<div class="mui-card-footer"><span>' + num[i].footname + '</span><span>' + num[i].foottime + '</span></div>' +
            '</div>' +
            '</li>';
    } else {
        html += '<li class="mui-table-view-cell" id="3">' +
            '<div class="mui-card">' +
            '<div class="mui-card-header">' + num[i].title + '</div>' +
            '<div class="mui-card-content">' +
            '<div class="mui-card-content-inner">';

        for (var j = 0; j < num[i].imgsrc.length; j++) {
            html += '<div class="mui-col-xs-4 mui-col-sm-4 mui-inline news-flex-tobo"><img src="' + num[i].imgsrc[j].imgsrca +
                '"/></div>';
        }

        html += '</div>' +
            '</div>' +
            '<div class="mui-card-footer"><span>' + num[i].footname + '</span><span>' + num[i].foottime + '</span></div>' +
            '</div>' +
            '</li>';
    }
</script>
</html>